<script setup>
import { computed } from 'vue'
import { useStore } from "vuex";
const store = useStore()

let list = computed(() => store.state.xiaoqu.list)

// 返回
const onClickLeft = () => history.back();
</script>

<template>
  <div>
     
    <van-nav-bar
      :fixed="true"
      :placeholder="true"
      title="全部校区"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="xqdzhiarr">
      <div v-for="(item,index) in list" :key="index"  class="zixiaoq">
        <div>{{item.name}}</div>
        <div><van-icon name="location-o" />{{item.address}}</div>
        <div><van-icon name="phone-o" /> {{item.tel}}</div>
      </div>
    </div>
  </div>
</template>



<style >
.xqdzhiarr {
  background-color: #f5f5f5;
}

.zixiaoq {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 20px;
  background-color: #fff;
  margin-top: 10px;
}

.zixiaoq div {
  margin-top: 10px;
}

.xqdzhiarr :nth-child(1) {
  margin-top: 0;
}
</style>